<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的首页</title>
</head>
<body>
    <!--
        <h1> - <h6>:标题，分别对应1级标题到6级标题。标题独自占用一行
        例如:
            <h1>我是标题</h1>
            <h2>我是标题</h2>
            <h3>我是标题</h3>
            <h4>我是标题</h4>
            <h5>我是标题</h5>
            <h6>我是标题</h6>

        <center>:用于将其包含的子元素都在浏览器上剧中显示，在HTML5标准中该
                 标签已经不再建议使用了(目前我们先临时使用它)。

        <input>:输入域，用来获取用户输入信息，其中有一个很重要的属性:type
               type不写，默认值为text。不同的值体现的样子不同。常见的有:
               type="text":文本框
               type="password":密码框
               type="radio":单选框
               type="checkbox":复选框
               type="button":按钮

        <a>:超链接。href属性用于定义点击超链接后跳转的位置

        <br>:换行

        <table>:表格。border属性用于指定表格边框的粗细
            其中:
              <tr>:用于表示行。table中有几个tr此表格就有几行
              <td>:用于表示列，只能被包含在<tr>中。

              td标签上可以使用两个属性来表达跨行和跨列显示
              rowspan:用于指定跨几行显示
              colspan:用于指定跨几列显示
    -->
    <center>
        <h1>百度</h1>
        <input type="text" size="32">
        <input type="button" value="百度一下" onclick="alert('点你妹啊!')">
        <br>
        <a href="http://www.bilibili.com">B站</a>
        <!--
            在页面上我们经常也会指定路径，那么当请求本网站其他资源时，我们通常
            都使用相对路径。
            例如，下面的超链接，我们想定位到hello.html(它与index.html在同一个目录中)
            因此href="./hello.html"即可。

            浏览器实际理解"./hello.html"的路径是根据请求当前页面index.html时浏览器
            地址栏的路径而定的。
            例如:
            请求当前index.html时，浏览器地址栏中的路径为:
            http://localhost:8088/myweb/index.html
            那么此时，浏览器在index页面中看到的所有相对路径"./"理解的实际路径都是:
            http://localhost:8088/myweb/
            所以，下面超链接中href实际路径就是
            http://localhost:8088/myweb/hello.html
         -->
        <a href="./hello.html">课程表</a>
        <br>
        <table border="1">
            <tr>
                <td rowspan="2">第一行第一列</td>
                <td>第一行第二列</td>
                <td colspan="2">第一行第三列</td>
            </tr>
            <tr>
                <td>第二行第一列</td>
                <td>第二行第二列</td>
                <td>第二行第三列</td>
            </tr>
            <tr>
                <td colspan="4">第三行第一列</td>
            </tr>
            <tr>
                <td>第四行第一列</td>
                <td>第四行第二列</td>
                <td>第四行第三列</td>
                <td>第四行第四列</td>
            </tr>
        </table>
    </center>
</body>
</html>